<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/facelets/templates/zona-privada-principal.xhtml">

	<ui:define name="title"> Gesti&#243;n de solicitudes</ui:define>
	<ui:define name="nameForm"> Gesti&#243;n de solicitudes</ui:define>
	<ui:define name="content">

		<p:growl id="growl" showDetail="true" sticky="false" life="4500" />

		<h:form styleClass="ui-widget" id="formBuscar" prependId="false">
			<div id="sub-header">
				<div id="nameForm">Gesti&#243;n de solicitudes</div>

				<div id="toolBar">
					<p:commandLink styleClass="butonSmall" id="buscar"
						action="#{gestionCotizacionesSupervisorController.buscar}"
						update="panelResultadosCotizacion">
						<h:graphicImage library="images" name="buscar.png"
							styleClass="toolbar-icon" alt="buscar" title="buscar" />
					</p:commandLink>

					<p:spacer width="10px" />
					<p:commandLink ajax="true" styleClass="butonSmall"
						action="#{gestionCotizacionesSupervisorController.limpiarBuscar}"
						process="@this" update="busqueda">
						<h:graphicImage library="images" name="limpiar.png"
							styleClass="toolbar-icon" alt="Limpiar" title="Limpiar" />
					</p:commandLink>


					<p:defaultCommand target="buscar" />
				</div>

			</div>

			<div id="content">
				<h:panelGroup id="busqueda">
					<div class="panel-filtro">
						<p:panelGrid id="plgFiltro" columns="6">

							<h:outputLabel styleClass="label-general"
								value="Fecha solicitud: Desde:" />
							<p:calendar readonlyInput="true" styleClass="fecha-general"
								id="InicioFecha"
								maxdate="#{gestionCotizacionesSupervisorController.fechaFin}"
								pattern="dd/MM/yyyy" locale="es"
								value="#{gestionCotizacionesSupervisorController.fechaInicio}"
								title="fechaInicio">
								<p:ajax event="dateSelect" update="FinFecha" process="@this" />
							</p:calendar>

							<h:outputLabel styleClass="label-general" value="Hasta: " />
							<p:calendar readonlyInput="true" styleClass="fecha-general"
								id="FinFecha"
								mindate="#{gestionCotizacionesSupervisorController.fechaInicio}"
								pattern="dd/MM/yyyy" locale="es"
								value="#{gestionCotizacionesSupervisorController.fechaFin}">
								<p:ajax event="dateSelect" update="InicioFecha" process="@this" />
							</p:calendar>

							<h:outputLabel styleClass="label-general"
								value="N&#250;mero solicitud: " />
							<p:inputText
								value="#{gestionCotizacionesSupervisorController.numeroSolicitudBuscar}"
								styleClass="input-general" />

							<h:outputLabel styleClass="label-general"
								value="Lugar recojo : Departamento:" />
							<p:selectOneMenu
								value="#{gestionCotizacionesSupervisorController.idDepartamentoBuscar}"
								styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems
									value="#{gestionCotizacionesSupervisorController.listaDepartamentoBuscar}"
									var="departamento" itemLabel="#{departamento.nombre}"
									itemValue="#{departamento.idDepartamento}">
								</f:selectItems>
								<p:ajax event="change" process="@this" update="provinciaBuscar"
									listener="#{gestionCotizacionesSupervisorController.listarProvinciasBuscar}"></p:ajax>
							</p:selectOneMenu>

							<h:outputLabel styleClass="label-general" value="Provincia:" />
							<p:selectOneMenu id="provinciaBuscar"
								value="#{gestionCotizacionesSupervisorController.idProvinciaBuscar}"
								styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems
									value="#{gestionCotizacionesSupervisorController.listaProvinciasBuscar}"
									var="provincia" itemLabel="#{provincia.nombre}"
									itemValue="#{provincia.idProvincia}"></f:selectItems>
								<p:ajax update="distritoBuscar"
									listener="#{gestionCotizacionesSupervisorController.listarDistritosBuscar}"
									process="@this" event="change" />
							</p:selectOneMenu>

							<h:outputLabel styleClass="label-general" value="Distrito:" />
							<p:selectOneMenu
								value="#{gestionCotizacionesSupervisorController.idDistritoBuscar}"
								id="distritoBuscar" styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems
									value="#{gestionCotizacionesSupervisorController.listaDistritosBuscar}"
									var="distrito" itemLabel="#{distrito.nombre}"
									itemValue="#{distrito.idDistrito}"></f:selectItems>
							</p:selectOneMenu>

							<h:outputLabel styleClass="label-general" value="Sucursal:" />
							<p:selectOneMenu id="cboEstadoRepuesto"
								value="#{gestionCotizacionesSupervisorController.idSucursalBuscar}"
								styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems
									value="#{gestionCotizacionesSupervisorController.listaSucursalesBuscar}"
									var="sucursal" itemLabel="#{sucursal.nombre}"
									itemValue="#{sucursal.idSucursal}">
								</f:selectItems>
							</p:selectOneMenu>

							<h:outputLabel styleClass="label-general"
								value="Estado solicitud:" />
							<p:selectOneMenu
								value="#{gestionCotizacionesSupervisorController.idEstadoCotizacionBuscar}"
								styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems
									value="#{gestionCotizacionesSupervisorController.listaEstadoCotizacionBuscar}"
									var="estado" itemLabel="#{estado.nombre}"
									itemValue="#{estado.idEstadoCotizacion}">
								</f:selectItems>
							</p:selectOneMenu>

							<h:outputLabel styleClass="label-general" value="Vendedor:" />
							<p:selectOneMenu styleClass="select-general"
								value="#{gestionCotizacionesSupervisorController.idVendedorBuscar}">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems
									value="#{gestionCotizacionesSupervisorController.listaVendedoresSupervisor}"
									var="vendedor"
									itemLabel="#{vendedor.usuario.nombres} #{vendedor.usuario.apellidos}"
									itemValue="#{vendedor.idVendedor}">
								</f:selectItems>
							</p:selectOneMenu>

						</p:panelGrid>
					</div>
				</h:panelGroup>


				<div class="panel-botones-formulario-derecha">
					<p:commandButton value="Exportar" icon="ui-icon-arrowstop-1-s"
						action="#{gestionCotizacionesSupervisorController.exportarResultadosCotizacion}"
						process="@this" update="panelResultadosCotizacionConEstado"
						oncomplete="$('#botonExportar').click();" />

					<div style="display: none">
						<p:commandButton id="botonExportar" ajax="false"
							styleClass="butonSmall">
							<p:dataExporter type="xls"
								target="tablaResultadosCotizacionConEstado"
								fileName="Cotizaciones"
								postProcessor="#{gestionCotizacionesSupervisorController.postProcessXLS}" />
						</p:commandButton>
					</div>
				</div>


				<h:panelGroup id="panelResultadosCotizacion">
					<p:dataTable
						value="#{gestionCotizacionesSupervisorController.lisLazyCotizaciones}"
						lazy="true" var="cotizacion" rowKey="#{cotizacion.idCotizacion}"
						emptyMessage="" paginator="true" paginatorPosition="top" rows="10"
						paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
						currentPageReportTemplate="{currentPage} de {totalPages}">

						<p:column headerText="N&#176; solicitud" style="width: 70px;"
							sortBy="#{cotizacion.idCotizacion}">
							<h:outputText value="#{cotizacion.idCotizacion}" />
						</p:column>

						<p:column headerText="Fecha solicitud"
							style="width: 100px; text-align:center;"
							sortBy="#{cotizacion.fechaCreacion}">
							<h:outputText value="#{cotizacion.fechaCreacion}">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
						</p:column>

						<p:column headerText="Cliente"
							style="width: 300px;"
							sortBy="#{cotizacion.cliente.nombre}">
							<h:outputText value="#{cotizacion.usuarioCliente.cliente.nombre}" style="text-align:left;"/>
						</p:column>

						<p:column headerText="Departamento" style="width: 80px;"
							sortBy="#{cotizacion.departamento.nombre}">
							<h:outputText value="#{cotizacion.sucursal.departamento.nombre}" />
						</p:column>


						<p:column headerText="Provincia" style="width: 80px;"
							sortBy="#{cotizacion.provincia.nombre}">
							<h:outputText value="#{cotizacion.sucursal.provincia.nombre}" />
						</p:column>

						<p:column headerText="Distrito" style="width: 100px;"
							sortBy="#{cotizacion.distrito.nombre}">
							<h:outputText value="#{cotizacion.sucursal.distrito.nombre}" />
						</p:column>

						<p:column headerText="Lugar recojo"
							sortBy="#{cotizacion.sucursal.nombre}">
							<h:outputText value="#{cotizacion.sucursal.nombre}" />
						</p:column>

						<p:column headerText="Vendedor"
							sortBy="#{cotizacion.usuario.nombres}">
							<h:outputText
								value="#{cotizacion.vendedor.usuario.nombres} #{cotizacion.vendedor.usuario.apellidos}" />
						</p:column>

						<p:column headerText="Estado solicitud" style="width: 10px;"
							sortBy="#{cotizacion.estadoCotizacion.nombre}">
							<h:outputText styleClass="columna-centrada"
								value="#{cotizacion.estadoCotizacion.nombre}" />
						</p:column>


						<p:column styleClass="alineacion-columna" style="width: 10px;">
							<f:facet name="header">
								<h:outputText value=" " />
							</f:facet>
							<p:commandLink id="cmlPromocionEditar"
								oncomplete="wvEditarCotizacion.show()"
								process=":formBuscar:panelResultadosCotizacion"
								action="#{gestionCotizacionesSupervisorController.cargarDatosCotizacion}"
								update=":formCotizaciones:panelEditarCotizacion">
								<h:graphicImage library="images" name="editar.png"
									styleClass="icon-small" alt="Editar" title="Editar" />
								<f:setPropertyActionListener
									target="#{gestionCotizacionesSupervisorController.cotizacionEditar}"
									value="#{cotizacion}"></f:setPropertyActionListener>
							</p:commandLink>
						</p:column>

						<p:column style="width: 10px;">
							<f:facet name="header">
								<h:outputText value=" " />
							</f:facet>
							<p:commandLink id="cmlPromocionHistorial"
								action="#{gestionCotizacionesSupervisorController.cargarHistorialEstados}"
								process=":formBuscar:panelResultadosCotizacion"
								oncomplete="vwDetalleCotizacion.show()"
								update=":formCotizaciones:panelHistorial">
								<h:graphicImage library="images" name="historial.png"
									styleClass="icon-small" alt="Historial de estados"
									title="Historial de estados" />
								<f:setPropertyActionListener
									target="#{gestionCotizacionesSupervisorController.cotizacionDetalle}"
									value="#{cotizacion}"></f:setPropertyActionListener>
							</p:commandLink>
						</p:column>
						<f:facet name="footer">
							<div class="pie-cantidad-resultados">
								<h:outputText
									rendered="#{gestionCotizacionesSupervisorController.lisLazyCotizaciones.rowCount>0}"
									value="Se encontraron #{gestionCotizacionesSupervisorController.lisLazyCotizaciones.rowCount} solicitudes." />
								<h:outputText
									rendered="#{gestionCotizacionesSupervisorController.lisLazyCotizaciones.rowCount==0}"
									value="No se encontraron solicitudes." />
							</div>
						</f:facet>
					</p:dataTable>
				</h:panelGroup>

				<p:spacer height="30" />

				<h:panelGroup id="panelResultadosCotizacionConEstado"
					rendered="false">
					<p:dataTable id="tablaResultadosCotizacionConEstado"
						value="#{gestionCotizacionesSupervisorController.listaCotizacionConEstados}"
						var="cotizacionConEstados"
						rowKey="#{cotizacionConEstados.idCotizacion}"
						emptyMessage="No se encontraron Promociones de Filtro deseado"
						paginator="true" paginatorPosition="top" rows="10"
						paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
						currentPageReportTemplate="{currentPage} de {totalPages}">

						<p:column styleClass="alineacion-columna"
							headerText="idCotizacion">
							<h:outputText value="#{cotizacionConEstados.idCotizacion}" />
						</p:column>

						<p:column style=" text-align:center;" headerText="fechaCreacion">
							<h:outputText value="#{cotizacionConEstados.fechaCreacion}">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
						</p:column>
						
						<p:column style=" text-align:center;" headerText="cliente">
							<h:outputText value="#{cotizacionConEstados.cliente}" />
						</p:column>

						<p:column headerText="nombreDepartamento">
							<h:outputText value="#{cotizacionConEstados.nombreDepartamento}" />
						</p:column>

						<p:column headerText="nombreProvincia">
							<h:outputText value="#{cotizacionConEstados.nombreProvincia}" />
						</p:column>

						<p:column headerText="nombreDistrito">
							<h:outputText value="#{cotizacionConEstados.nombreDistrito}" />
						</p:column>

						<p:column headerText="nombreSucursal">
							<h:outputText value="#{cotizacionConEstados.nombreSucursal}" />
						</p:column>

						<p:column headerText="nombreVendedor">
							<h:outputText value="#{cotizacionConEstados.nombreVendedor}" />
						</p:column>

						<p:column headerText="nombreEstadoCotizacion">
							<h:outputText
								value="#{cotizacionConEstados.nombreEstadoCotizacion}" />
						</p:column>

						<p:column style=" text-align:center;" headerText="fechaPorAtender">
							<h:outputText value="#{cotizacionConEstados.fechaPorAtender}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column style="text-align:right;" headerText="horaPorAtender">
							<h:outputText value="#{cotizacionConEstados.fechaPorAtender}">	
							<f:converter converterId="horaConverter"></f:converter>							
							</h:outputText>
						</p:column>

						<p:column style="text-align:right;" headerText="fechaAsignado">
							<h:outputText value="#{cotizacionConEstados.fechaAsignado}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column style="text-align:right;" headerText="horaAsignado">
							<h:outputText value="#{cotizacionConEstados.fechaAsignado}">
								<f:converter converterId="horaConverter"></f:converter>	
							</h:outputText>
						</p:column>

						<p:column style="text-align:right;" headerText="fechaCotizado">
							<h:outputText value="#{cotizacionConEstados.fechaCotizado}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column style="text-align:right;" headerText="horaCotizado">
							<h:outputText value="#{cotizacionConEstados.fechaCotizado}">
								<f:converter converterId="horaConverter"></f:converter>	
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="fechaPedido">
							<h:outputText value="#{cotizacionConEstados.fechaPedido}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="horaPedido">
							<h:outputText value="#{cotizacionConEstados.fechaPedido}">
								<f:converter converterId="horaConverter"></f:converter>	
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna"
							headerText="fechaFacturado">
							<h:outputText value="#{cotizacionConEstados.fechaFacturado}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna"
							headerText="horaFacturado">
							<h:outputText value="#{cotizacionConEstados.fechaFacturado}">
								<f:converter converterId="horaConverter"></f:converter>	
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna"
							headerText="fechaRechazado">
							<h:outputText value="#{cotizacionConEstados.fechaRechazado}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna"
							headerText="horaRechazado">
							<h:outputText value="#{cotizacionConEstados.fechaRechazado}">
								<f:converter converterId="horaConverter"></f:converter>	
							</h:outputText>
						</p:column>
					</p:dataTable>
				</h:panelGroup>
			</div>

		</h:form>

		<h:form styleClass="ui-widget" id="formCotizaciones" prependId="false">
			<p:dialog id="EditarCotizacion" draggable="false" modal="true"
				width="1000" height="570" resizable="false"
				widgetVar="wvEditarCotizacion" header="Editar solicitud">
				<div class="panel-general-popup">
					
					<h:panelGroup id="panelEditarCotizacion">
						<div class="panel-solicitud">
							<p:panelGrid>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general"
											value="N&#250;mero de solicitud:" />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{gestionCotizacionesSupervisorController.numeroSolicitudEditar}" />
									</p:column>
									<p:column>
										<h:outputLabel styleClass="label-general" value="Cliente:" />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{gestionCotizacionesSupervisorController.cotizacionEditar.usuarioCliente.cliente.nombre}" />
									</p:column>

								</p:row>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general"
											value="Lugar recojo: Departamento" />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{gestionCotizacionesSupervisorController.cotizacionEditar.sucursal.departamento.nombre}" />
									</p:column>
									<p:column>
										<h:outputLabel disabled="true" styleClass="label-general"
											value=" Provincia:" />
									</p:column>
									<p:column>
										<h:panelGroup>
											<p:panelGrid columns="3">
												<h:outputText styleClass="texto-general"
													value="#{gestionCotizacionesSupervisorController.cotizacionEditar.sucursal.provincia.nombre}" />
												<h:outputLabel styleClass="label-general" value="Distrito:" />
												<h:outputText styleClass="texto-general"
													value="#{gestionCotizacionesSupervisorController.cotizacionEditar.sucursal.distrito.nombre}" />
											</p:panelGrid>
										</h:panelGroup>
									</p:column>
								</p:row>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general"
											value="Fecha solicitud:" />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{gestionCotizacionesSupervisorController.fechaSolictud}">
											<f:convertDateTime pattern="dd/MM/yyyy" />
										</h:outputText>
									</p:column>
									<p:column>
										<h:outputLabel styleClass="label-general" value="Sucursal:" />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{gestionCotizacionesSupervisorController.cotizacionEditar.sucursal.nombre}" />
									</p:column>

								</p:row>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general"
											value="Estado solicitud:" />
									</p:column>
									<p:column>
										<p:selectOneMenu styleClass="select-general"
											value="#{gestionCotizacionesSupervisorController.idEstadoCotizacionEditar}">
											<f:selectItems
												value="#{gestionCotizacionesSupervisorController.listaEstadoCotizacionEditar}"
												var="estado" itemLabel="#{estado.nombre}"
												itemValue="#{estado.idEstadoCotizacion}">
											</f:selectItems>
											<p:ajax
												listener="#{gestionCotizacionesSupervisorController.seleccionarEstadoCotizacionEditar}"
												process="@this" update="comboListaVendedores" />
										</p:selectOneMenu>
									</p:column>
									<p:column>
										<h:outputLabel styleClass="label-general" value="Vendedor:" />
									</p:column>
									<p:column>
										<p:selectOneMenu id="comboListaVendedores"
											styleClass="select-general"
											value="#{gestionCotizacionesSupervisorController.idVendedorEditar}"
											disabled="#{gestionCotizacionesSupervisorController.idEstadoCotizacionEditar == 1}">
											<f:selectItem itemLabel="Seleccione" itemValue="-1" />
											<f:selectItems
												value="#{gestionCotizacionesSupervisorController.listaVendedoresSupervisor}"
												var="vendedor"
												itemLabel="#{vendedor.usuario.nombres} #{vendedor.usuario.apellidos}"
												itemValue="#{vendedor.idVendedor}">
											</f:selectItems>
											<p:ajax process="@this" />
										</p:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general"
											value="Observaci&#243;n:" />
									</p:column>
									<p:column colspan="3">
										<p:inputTextarea styleClass="textAreaObservacion"
											value="#{gestionCotizacionesSupervisorController.observaciones}"
											maxlength="450"
											style="width: 700px; float:left; height: 40px;margin-top: 5px;"></p:inputTextarea>
									</p:column>
								</p:row>
							</p:panelGrid>
						</div>

						<p:spacer height="30" />

						<p:dataTable id="tablaElementosCotizacion"
							value="#{gestionCotizacionesSupervisorController.listaElementoCotizacion}"
							var="elemento"
							emptyMessage="No se encontraron Promociones con el Filtro deseado"
							paginator="true" paginatorPosition="top" rows="10"
							paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
							currentPageReportTemplate="{currentPage} de {totalPages}">

							<p:column headerText="Marca" sortBy="#{elemento.marca}">
								<h:outputText
									value="#{elemento.marca==null ? 'N/A' : elemento.marca}" />
							</p:column>

							<p:column headerText="Tipo veh&#237;culo " style="width: 100px;"
								sortBy="#{elemento.tipoVehiculo}">
								<h:outputText
									value="#{elemento.tipoVehiculo == null ? 'N/A' : elemento.tipoVehiculo}" />
							</p:column>

							<p:column headerText="Modelo" style="width: 100px;"
								sortBy="#{elemento.modelo}">
								<h:outputText
									value="#{elemento.modelo == null ? 'N/A' : elemento.modelo }" />
							</p:column>


							<p:column headerText="Chas&#237;s" sortBy="#{elemento.chasis}">
								<h:outputText
									value="#{elemento.chasis == null ? 'N/A' : elemento.chasis }" />
							</p:column>

							<p:column headerText="Placa" style="width: 100px;"
								sortBy="#{elemento.placa}">
								<h:outputText
									value="#{elemento.placa == null ? 'N/A' : elemento.placa}" />
							</p:column>
							<p:column headerText="Tipo" style="width: 100px;"
								sortBy="#{elemento.placa}">
								<h:outputText
									value="#{elemento.promocion!=null ? 'Promocion' : 'Repuesto'}" />
							</p:column>

							<p:column headerText="C&#243;digo" style="width: 100px;"
								sortBy="#{elemento.promocion!=null ? elemento.promocion.codigo : elemento.imagenRepuesto.repuesto.codigo}">
								<h:outputText
									value="#{elemento.promocion!=null ? elemento.promocion.codigo : elemento.imagenRepuesto.repuesto.codigo}" />
							</p:column>
							<p:column headerText="Descripci&#243;n"
								sortBy="#{elemento.promocion!=null ? elemento.promocion.descripcion : elemento.imagenRepuesto.repuesto.nombre}">
								<h:outputText
									value="#{elemento.promocion!=null ? elemento.promocion.descripcion : elemento.imagenRepuesto.repuesto.nombre}" />
							</p:column>

							<p:column headerText="Cantidad"
								style="width: 80px;text-align:right;"
								sortBy="#{elemento.cantidad}">
								<h:outputText
									value="#{elemento.cantidad == null ? 'N/A' : elemento.cantidad}" />
							</p:column>

							<p:column style="width: 10px;">
								<f:facet name="header">
									<h:outputText value="" />
								</f:facet>
								<p:commandLink rendered="#{elemento.promocion == null }"
									id="cmlDetalleRepuesto"
									action="#{gestionCotizacionesSupervisorController.cargarDetalleRepuesto}"
									process=":formCotizaciones:tablaElementosCotizacion"
									update=":formCotizaciones:panelDetalleRepuesto"
									oncomplete="vwDetalleRepuesto.show(); tamanioImagenInicial('scroll-image','imagen-vista-previa'); ">
									<h:graphicImage library="images" name="detalle.png"
										styleClass="icon-small" alt="Editar" title="Detalle" />
									<f:setPropertyActionListener
										target="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle}"
										value="#{elemento}"></f:setPropertyActionListener>
								</p:commandLink>
								<p:commandLink rendered="#{elemento.promocion != null }"
									id="cmlDetallePromocion"
									action="#{gestionCotizacionesSupervisorController.cargarDetallePromocion}"
									process=":formCotizaciones:tablaElementosCotizacion"
									oncomplete="vwDetallePromocion.show()"
									update=":formCotizaciones:panelDetallePromocio">
									<h:graphicImage library="images" name="detalle.png"
										styleClass="icon-small" alt="Detalle promoci&#243;n"
										title="Detalle Promoci&#243;n" />
									<f:setPropertyActionListener
										target="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle}"
										value="#{elemento}"></f:setPropertyActionListener>
								</p:commandLink>
							</p:column>
							<f:facet name="footer">
								<div class="pie-cantidad-resultados">
									<h:outputText
										rendered="#{gestionCotizacionesSupervisorController.listaElementoCotizacion.size()>0}"
										value="Se encontraron #{gestionCotizacionesSupervisorController.listaElementoCotizacion.size()} elementos asociados a esta solicitud." />
									<h:outputText
										rendered="#{gestionCotizacionesSupervisorController.listaElementoCotizacion.size()==0}"
										value="No se encontraron elementos asociados a esta solicitud." />
								</div>
							</f:facet>
						</p:dataTable>

					</h:panelGroup>


					<div class="panel-botones" align="center">
						<p:commandButton ajax="true" value="Guardar" icon="ui-icon-disk"
							styleClass="buton-general" process="@this,panelEditarCotizacion"
							action="#{gestionCotizacionesSupervisorController.actualizarContizacion}"
							oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args,wvEditarCotizacion);"
							update=":formBuscar:panelResultadosCotizacion,:growl" />

						<span>&#160;</span>
						<p:commandButton value="Salir" process="@this"
							icon="ui-icon-arrowreturn-1-w"
							onclick="wvEditarCotizacion.hide();" styleClass="buton-general" />
					</div>


				</div>
			</p:dialog>



			<p:dialog id="popUpDetalleCotizacion" draggable="false" modal="true"
				resizable="false" widgetVar="vwDetalleCotizacion"
				header="Historial de estados">

				<div class="panel-general-popup">

					<div class="panel-formulario">
						<h:panelGroup id="panelHistorial">
							<p:panelGrid columns="2">


								<h:outputLabel styleClass="label-general" value="Vendedor:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.cotizacionDetalle.vendedor.usuario.nombres} #{gestionCotizacionVendedorController.cotizacionDetalle.vendedor.usuario.apellidos}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general"
									value="N&#176; solicitud:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.cotizacionDetalle.idCotizacion}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general"
									value="Fecha solicitud:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.cotizacionDetalle.fechaCreacion}"
									styleClass="texto-general">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</h:outputText>

							</p:panelGrid>
							<div class="divDetalleHistorialEstados">

								<p:panelGrid id="tabla-historial" style="margin-top:20px">
									<p:row>
										<p:column colspan="1">Estado</p:column>
										<p:column colspan="1">Fecha de registro</p:column>

									</p:row>

									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Por atender" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaPorAtender}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaPorAtender}">
												<f:converter converterId="horaConverter"></f:converter>
											</h:outputText>
										</p:column>
									</p:row>
									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Asignado" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaAsignado}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaAsignado}">
												<f:converter converterId="horaConverter"></f:converter>
											</h:outputText>
										</p:column>
									</p:row>
									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Cotizado" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaCotizado}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaCotizado}">
												<f:converter converterId="horaConverter"></f:converter>
											</h:outputText>
										</p:column>
									</p:row>
									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Pedido" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaPedido}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaPedido}">
												<f:converter converterId="horaConverter"></f:converter>
											</h:outputText>
										</p:column>
									</p:row>


									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Facturado" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaFacturado}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaFacturado}">
												<f:converter converterId="horaConverter"></f:converter>
											</h:outputText>
										</p:column>
									</p:row>
									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Rechazado" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaRechazado}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionesSupervisorController.fechaRechazado}">
												<f:converter converterId="horaConverter"></f:converter>
											</h:outputText>
										</p:column>
									</p:row>
								</p:panelGrid>


							</div>
						</h:panelGroup>
					</div>


				</div>


			</p:dialog>

			<p:dialog id="popUpDetalleRepuesto" draggable="false" modal="true"
				resizable="false" widgetVar="vwDetalleRepuesto"
				style="padding-bottom: 10px;" header="Detalle repuesto" width="800">

				<h:panelGroup id="panelDetalleRepuesto">
					<div class="panel-general-popup">

						<div class="panel-formulario izquierda-gestion-cotizacion" style="width: 40%">
							<div class="bloque">
								<h:outputLabel value="Datos del veh&#237;culo"
									styleClass="titulo-sub-contenido" />
							</div>

							<div class="linea"></div>
							<div>
								<p:spacer height="10" />
							</div>
							<p:panelGrid columns="2"
								styleClass="datos-vehiculo-detalle-repuesto">

								<h:outputLabel styleClass="label-general" value="Marca:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.marca}"
									styleClass="texto-general" />


								<h:outputLabel styleClass="label-general" value="Tipo:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.tipoVehiculo}"
									styleClass="texto-general" />


								<h:outputLabel styleClass="label-general" value="Modelo:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.modelo}"
									styleClass="texto-general" />


								<h:outputLabel styleClass="label-general"
									value="#{etiquetaController.etiquetaChasis.nombre}:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.chasis}"
									styleClass="texto-general" />


								<h:outputLabel styleClass="label-general"
									value="#{etiquetaController.etiquetaPlaca.nombre}:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.placa}"
									styleClass="texto-general" />
							</p:panelGrid>
							<div>
								<p:spacer height="10" />
							</div>
							<div class="bloque">
								<h:outputLabel value="Datos del repuesto"
									styleClass="titulo-sub-contenido" />
							</div>

							<div class="linea"></div>
							<div>
								<p:spacer height="10" />
							</div>

							<p:panelGrid columns="2" styleClass="datos-vehiculo-detalle-repuesto">
								<h:outputLabel styleClass="label-general" value="Grupo: " />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.imagen.subGrupo.grupo.codigo}
										- #{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.imagen.subGrupo.grupo.nombre}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="Subgrupo: " />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.imagen.subGrupo.codigo}
										- #{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.imagen.subGrupo.nombre}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="C&#243;digo: " />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.repuesto.codigo}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general"
									value="Descripci&#243;n:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.repuesto.nombre}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general"
									value="Posici&#243;n.:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.posicion}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="Cantidad:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.cantidad}"
									styleClass="texto-general" />
							</p:panelGrid>
						</div>
						<div class="derecha-gestion-cotizacion">
							<h:panelGroup id="panelScrollImagen"
								rendered="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.imagen.tipo == 'IMG'}">
								<div id="container-image-scroll" class="scroll-image"
									style="width: 420px; height: 440px;" align="center">
									<p:graphicImage id="image-scroll"
										value="/imagen/servidor/?nombreArchivo=#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.imagen.nombreArchivo}&#38;tipo=imagen"
										styleClass="imagen-vista-previa" />
								</div>

								<div class="botones-scroll-image" style="top: 398px;">
									<p:commandLink
										oncomplete="zoomTodoImagen('scroll-image','imagen-vista-previa')"
										process="@this">
										<p:graphicImage library="images" name="zoom-todo.png"
											title="ver todo" alt="ver todo" />
									</p:commandLink>
									<p:commandLink
										oncomplete="zoomOriginalImagen('imagen-vista-previa')"
										process="@this">
										<p:graphicImage library="images" name="zoom-original.png"
											title="original" alt="original" />
									</p:commandLink>
									<p:commandLink
										oncomplete="zoomAlejarImagen('imagen-vista-previa')"
										process="@this">
										<p:graphicImage library="images" name="zoom-out.png"
											title="alejar" alt="alejar" />
									</p:commandLink>
									<p:commandLink
										oncomplete="zoomAcercarImagen('imagen-vista-previa')"
										process="@this">
										<p:graphicImage library="images" name="zoom-in.png"
											title="acercar" alt="acercar" />
									</p:commandLink>
								</div>
							</h:panelGroup>

							<p:media
								value="/pdf/servidor/?nombreArchivo=#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.imagen.nombreArchivo}"
								rendered="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.imagen.tipo == 'PDF'}"
								styleClass="pdf-vista-previa"
								style="width: 480px; height: 440px;">
										tu navegador no puede mostrar PDFs
										<h:outputLink
									value="/resources/images/imagenes/#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.imagenRepuesto.imagen.nombreArchivo}">click</h:outputLink>descargar archivo
									</p:media>
						</div>

					</div>
				</h:panelGroup>

			</p:dialog>


			<p:dialog id="popUpDetallePromocion" draggable="false" modal="true"
				resizable="false" widgetVar="vwDetallePromocion"
				header="Detalle promoci&#243;n">
				<h:panelGroup id="panelDetallePromocio">
					<div class="panel-general-popup">
						<div class="panel-formulario">
							<p:panelGrid columns="2">
								<h:outputLabel styleClass="label-general"
									value="Codigo Promoci&#243;n:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.promocion.idPromocion}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general"
									value="Descripci&#243;n: " />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.promocion.descripcion}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="Cantidad:" />
								<h:outputText
									value="#{gestionCotizacionesSupervisorController.elementoCotizacionDetalle.cantidad}"
									styleClass="texto-general" />
							</p:panelGrid>
						</div>
					</div>
				</h:panelGroup>
			</p:dialog>

		</h:form>

	</ui:define>
</ui:composition>